
<template>
        <div class="margin-box">
            <el-tabs class="gap-tabs"  v-model="activeName" @tab-click="handleClick">
                <el-tab-pane class="tab-pane" name="first">
                    <span slot="label" :title="titleOne">
                        公服设施
                    </span>
                    <gap-table gapType="1"></gap-table>
                </el-tab-pane>
                <el-tab-pane class="tab-pane" name="second">
                    <span slot="label" :title="titleTwo">
                        幼儿园、中学、小学
                    </span>
                    <gap-table gapType="2"></gap-table>
                </el-tab-pane>
                <el-tab-pane class="tab-pane" name="third">
                    <span slot="label" :title="titleThree">
                        小型垃圾转运站
                    </span>
                    <gap-table gapType="3"></gap-table>
                </el-tab-pane>
                <el-tab-pane class="tab-pane" name="fourth" >
                    <span slot="label" :title="titleFour">
                        小型消防站
                    </span>
                    <gap-table gapType="4"></gap-table>
                </el-tab-pane>
            </el-tabs>
        </div>
</template>

<script src="./gap_list.js"></script>
<style scoped lang="scss">
    @import "./gap_list";
</style>

